<template>
  <div>
    <iframe
      id="iframe1"
      width="1120"
      height="638"
      frameborder="no"
      border="0"
      marginwidth="0"
      marginheight="0"
      scrolling="no"
      allowtransparency="yes"
      :src="pathUrl"
    />
  </div>
</template>

<script>
export default {
  data() {
    // const officeapps = 'http://view.officeapps.live.com/op/view.aspx?src='
    return {
      // pathUrl: 'http://www.ilab-x.com/file?id=70388',
      // pathUrl: officeapps + 'http://edu.xa.gov.cn/web_files/edu/file/2023/06/19/202306191016370283507.docx',
      // pathUrl: 'http://localhost:9000/education/任务8.1 客情预测传递.pdf',
      pathUrl: 'http://localhost:9000/education/xxxx.pdf',
      // pathUrl: 'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf',
      // pathUrl: 'http://edu.xa.gov.cn/web_files/file/2023/01/13/202301131249516595656.pdf',
      config: {
        document: {
          fileType: 'docx',
          key: 'Khirz6zTPdfd7',
          title: 'Example Document Title.docx',
          url: 'https://example.com/url-to-example-document.docx'
        },
        documentType: 'word',
        editorConfig: {
          callbackUrl: 'https://example.com/url-to-callback.ashx'
        }
      }
    }
  },
  methods: {
    onDocumentReady() {
      console.log('Document is loaded')
    }
  }
}
</script>
